<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:p="http://primefaces.prime.com.tr/ui">

 
	<ui:composition template="/templates/staff/content.xhtml">
		<ui:define name="pageTitle">Login</ui:define>
		<ui:define name="body">
	<div class="container_24">
		<div class="wrapper">
			<div class="grid_17" style="width:880px;">
				<div class="inside">
				<h:panelGroup>
					<article>
						<header>
							<h2 align="center">Administrator Login Area</h2>
						</header>
						<div class="content">
						<h:form id="common-form" style="margin-left:225px;">
							
							<h:panelGroup>
								
								<table width="100%" cellspacing="5" cellpadding="0" border="0" class="table_box">
								<tbody>
									<tr>
										<td align="right">&nbsp;</td>
										<td>
											<div class="table_td_message"><rich:message for="acc_email" /></div>
										</td>
									</tr>
									<tr>
										<td align="right">Username:</td>
										<td>
											<h:inputText value="#{mAccount.stf.email}" id="acc_email" required="true" requiredMessage="Email: Invalid Value !" validator="#{mValidatorLib.EmailValidate}" />
												
											<div class="table_td_message"></div>
										</td>
									</tr>
									<tr>
										<td align="right">Password:</td>
										<td>
											<h:inputSecret value="#{mAccount.stf.password}" id="acc_pass"  validator="#{mValidatorLib.PasswordValidate}" />
											<div class="table_td_message"><rich:message for="acc_pass" required="true" requiredMessage="Password: Invalid Value !" /></div>
										</td>
									</tr>
									<tr>
										<td align="right">&nbsp;</td>
										<td>
											<h:commandLink value="Sign In" action="#{mAccount.LoginStaff}" styleClass="button" id="sign_in_button" />
											
										</td>
										
									</tr>
								</tbody>
								</table>
							</h:panelGroup>	
							
									
								
						</h:form>
						</div>
					</article>
				</h:panelGroup>	
				
				</div>
				
				
			</div>
		</div>
	</div>
</ui:define>
</ui:composition>
</html>
